﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/TLFLayout.Master" AutoEventWireup="true" CodeBehind="formsDemo.aspx.cs" Inherits="HRTemplate.formsDemo" %>

<%@ Register Src="~/userControls/leftNav.ascx" TagPrefix="uc1" TagName="leftNav" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    
    <script src="../resource/script/validator.js"></script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderTop" runat="server">
    <script>
        $(function () {
            setTab("办事大厅","表单页");
        });
    </script>
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="ContentPlaceHolderLeft" runat="server">
    <uc1:leftNav runat="server" ID="leftNav" />

</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolderSecondNavigation" runat="server">
    <a href="#">办事大厅</a> > 公共页面类 > 表单页面 >
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolderRight" runat="server">
    <h3>表单Demo</h3>
    <table class="noborderTable">
        <tr>
            <td >姓名：</td>
            <td>
                sanhuang(黄珊珊)</td>
            <td>ID：</td>
            <td>
                sanhuang</td>
        </tr>
        <tr>
            <td >事业群：</td>
            <td>
                <!-- 当提示内容较少时选择弹出tips的方式显示 -->
                <input id="testNotNull1" name="text" type="text" check="nullOrCheck"  /></td>
            <td>中心：</td>
            <td>
                <!-- 当提示内容较少时选择弹出tips的方式显示 -->
                <input id="testNotNull2" name="text" type="text" check="check"  placeholder="必须输入项"/></td>
        </tr>
        <tr>
            <td>部门：</td>
            <td colspan="3">
                <input name="text2" type="text" style="width: 243px" />
                <img src="../resource/image/architect.png" alt="快速选择器" style="cursor: pointer;" title="XX选择器" /></td>
        </tr>
        <tr>
            <td>输入查询：</td>
            <td>
                <input name="text" type="text" /></td>
            <td>下拉列表：</td>
            <td>
                <select name="select">
                    <option>- 请选择 -</option>
                    <option>列表选项1</option>
                    <option>列表选项2</option>
                    <option>列表选项3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>复选查询：</td>
            <td colspan="3">
                <input name="checkbox" type="checkbox" />
                <label>全选</label>
                <input name="checkbox" type="checkbox" checked="checked" />
                <label>复选1</label>
                <input name="checkbox" type="checkbox" />
                <label>复选2</label>
            </td>
        </tr>
        <tr>
            <td>单选查询：</td>
            <td colspan="3">
                <input type="radio" name="rd" checked="checked" />
                <label>单选1</label>
                <input name="rd" type="radio" />
                <label>单选2</label></td>
        </tr>
        <tr>
            <td>日期选择：</td>
            <td colspan="3">
                <input name="text2" type="text" class="datePickerInput" style="width: 130px;" />
                -
                <input name="text2" type="text" class="datePickerInput" style="width: 130px;" /></td>
        </tr>
        <tr>
            <td style="vertical-align: top;">查询：</td>
            <td colspan="3">
                <textarea></textarea>
            </td>
        </tr>
    </table>
    
    <script>
        $(document).ready(function () {
            setIntegeCheck("testNotNull1:testNotNull2");
        });
    </script>
</asp:Content>
